<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>百合网登陆</title>
     <script type="text/javascript" src="__PUBLIC__/Js/jquery-1.8.3.min.js" charset="utf-8"></script>
     <style>
        *{margin:0px;padding:0px;}
        img{border:0px;margin:0px;}
        a{text-decoration:none;color:#333333;width:0px; height:0px;text-align:center; }
        ul li{list-style:none;}
        body,h1,h2,h3,h4,h5,h6{font:12px/1.5 宋体,微软雅黑;color:#333333;}
        body{font: 13px/20px microsoft yahei;}
        body{background: url('__PUBLIC__/Images/bj.jpg') no-repeat center center;background-size: cover;z-index: 1;}
        html, body {height: 100%;}
        /* body{font: 18px/30px Microsoft Yahei;} */
        h1{color:red;font-size:13.5px;}
        h5{color:red;font-size:15.5px;}
        h4{height: 53px;
            margin-top: 30px;
            color: #000;
            font-size: 24px;
            font-weight:normal;
        }
        /*预定义样式*/
        .w{width:1012px;margin:0 auto;}
        .fl{float:left;}
        .fr{float:right;}
        .clear{clear:both;}
        .border{border:1px solid red;}
        .mt133{margin-left:133px;}
        .mt20{margin-top:20px;}
        .mt30{margin-top:30px;}
        .mt5{margin-top:8px;}
        .padd{padding-top:5px}
        .disblock{ display:inline-block; }

        .layer {
            position: absolute;
            top: 50%;
            right: 0;
            width: 100%;
            height: 570px;
            margin-top: -285px;
            overflow: hidden;
            zoom: 1;
            }
            .right_bg {
                width:683px;
                height:560px;
                position: absolute;
                top: 0;
                right: 0px;
                _right: -1px;
                height: 100%;
                background: url(http://images10.baihe.com/login/201412/bj_right.png) no-repeat left top;
                overflow: hidden;
                z-index: 2;
                }
            .cont {
                float: right;
                position: absolute;
                right: 15%;
                width: 282px;
                font: 13px/16px "Microsoft YaHei";
                color: #b02c00;
                overflow: hidden;
                z-index: 100;
                }
                .cont input {
                border: 1px solid #fff;
                outline: none;
                }
                .cont .inp01 {
                width: 240px;
                height: 42px;
                margin-top: 20px;
                padding: 0 20px;
                font: 18px/40px "Microsoft YaHei";
                color: #ccc;
                background: #fff;
                 }
                 .cont .logo {
                    display: block;
                    outline: none;
                }

                .cont a {
                    color: #fff;
                    text-decoration: none;
                }
                .cont .logo img {
                    display: block;
                    margin: auto;
                    border: 0;

                }
                .cont .btn {
                    display: block;
                    width: 282px;
                    height: 44px;
                    margin: 16px auto;
                    font: 22px/24px "Microsoft YaHei";
                    color: #600;
                    text-align: center;
                    border: none;
                    cursor: pointer;
                    background: #ffbf00;
                    border-radius: 3px;
                }
                .cont .inp02 {
                    float: left;
                    width: 110px;
                    height: 42px;
                    padding: 0 20px;
                    font: 18px/40px "Microsoft YaHei";
                    color: #ccc;
                    background: #fff;
                }
                 .cont .inp02+img{
                    margin-top: 1px;
                    margin-left: 3px;
                    height: 39px;
                    border-top-width: 1px; border:2px solid #000;"

                 }
                 .foot {
                    position: absolute;
                    width: 100%;
                    bottom: 10px;
                    font: 12px/24px "Microsoft YaHei";
                    color: #ccc;
                    text-align: center;
                    z-index: 99;
                }

               .error{
                width:20px;
                height:20px;
                background: url('__PUBLIC__/Images/2016-02-25_120707.png') no-repeat left top;
               }
               .ok{
                width:20px;
                height:20px;
                background: url('__PUBLIC__/Images/2016-02-25_125522.png') no-repeat left top;
               }
                .cont a.sex {
                    display: block;
                    float: left;
                    width: 125px;
                    height: 30px;
                    margin-top:20px;
                    margin-right: 14px;
                    font: 14px/28px Microsoft Yahei;
                    color: #333;
                    text-align: center;
                    border: 1px solid #ccc;
                    background: #fff;
                    overflow: hidden;
                    zoom: 1;
                }
                 .cont  a.active {
                    border: 1px solid #ffe8d9;
                    background: #ffe8d9;
                }
     </style>
</head>
<body>
    <div class="right_bg  ">
        <form action="<{:U('Public/dologin')}>" method="post">    
            <div class="cont  ">
                <a href="" class="logo" target="_blank">
                    <img src="http://images10.baihe.com/login/201412/logo.png" width="86px" style=" margin-left: 80px;"height="74px"alt="">
                    <div class="clear"></div>
                </a>
                 <div class="clear" style=""></div>

                <input name="name" onfocus="if(this.value=='用户名称登录'){this.value='';}"onblur="if(!this.value){this.value='用户名称登录';}" value="用户名称登录" style="margin-top:100px;" class="inp01"type="text">
                <input name="password" onfocus="if(this.value==''){this.value='';  }"onblur="if(!this.value){this.value='';}" value="" class="inp01"type="password">
                
                <div class="mt20">
                    <input class="inp02" name="verify"type="text">

                    <img id="phonaaeRefreshValiCode" style="cursor: pointer;" onclick="verify1(this)" height="34px" width="97px"src="<{:U('Public/verify')}>" alt="">

                    <div class="" id="yzjasdfjskadfasf" style="float:right; margin-top:13px;"></div>
                </div>
                <div>
                    <input  class="btn"type="submit" value="登录">
                </div>

                <div>
                    <a class="sex" href="<{:U('Public/register')}>">我要去注册</a>
                    <a class="sex" href="">忘记密码！</a>
                </div>

            </div>

        </form>
    </div>
        <script>
            
                // 验证码刷新
                function verify1(captcha_img){
                     $('#yzjasdfjskadfasf').removeClass();
                     $('input[name=verify]').val('');

                    var captcha_img = $(captcha_img);
                    var verifyimg = captcha_img.attr("src");  
                    captcha_img.attr('title', '点击刷新');  
                        if( verifyimg.indexOf('?')>0){  
                            captcha_img.attr("src", verifyimg+'&random='+Math.random());  
                        }else{  
                            captcha_img.attr("src", verifyimg.replace(/\?.*$/,'')+'?'+Math.random());
                        }  


                }

            // 验证码自动验证
            $('input[name=verify]').blur(function(){
                var aaa=$(this).val();
                $.ajax({
                        url:"<{:U('Public/check_verify')}>",
                        type:'get', 
                        data:{code:aaa},
                        dataType:'json',
                        success: function (data){
                                if(data){
                                     $('#yzjasdfjskadfasf').removeClass('').addClass('ok');
                                 }else{
                                        if($('input[name=verify]').val() == ''){
                                            $('#yzjasdfjskadfasf').removeClass('');
                                        }else{
                                        $('#yzjasdfjskadfasf').removeClass('').addClass('error');
                                    }
                                 }
                                
                                }
                               
                })
            });

        </script>
    <div class="foot">
         
                    京ICP备10009806号-1|京公网安备110105000655号|京ICP证041124号|家长监护工程 <br>

            百合网股份有限公司|版权所有© 2005 - 2016 百合网|客服专线：400-1520-559(8：00 至 20：00)
    </div>
</body>
</html>